<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>::VENCEDOR TINTAS GRÁFICAS::</title>
<meta http-equiv="X-UA-Compatible" content="IE=9">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all">
</head>

<body >
<div id="slider">
  <ul class="slider_tabs">
    <li><a>1</a></li>
    <li><a>2</a></li>
    <li><a>3</a></li>
    <li><a>4</a></li>
    <li><a>5</a></li>
  </ul>
  <div class="items">
    <div class="item"> <img src="photos/fondo1.jpg" alt="" width="100%" height="100%"> </div>
    <div class="item"> <img src="photos/fondo2.jpg" alt="" width="100%" height="100%"> </div>
    <div class="item"> <img src="photos/fondo3.jpg" alt="" width="100%" height="100%"> </div>
    <div class="item"> <img src="photos/fondo4.jpg" alt="" width="100%" height="100%"> </div>
    <div class="item"> <img src="photos/fondo5.jpg" alt="" width="100%" height="100%"> </div>
  </div>
</div>
  
  <div class="container_12 zindex">
    <div id="header" class="grid_12"> <a class="f-left" href="index.html"><img src="img/logo.png" alt="Tintas Gráficas" style="margin: 15px 0 0 30px"></a>
      <div id="top_menu" class="f-right">
        <div class="n1" > <a href="tintas_base-solvente.html" title="tintas a base solvente">&#32;</a> </div>
        <div class="n2" > <a href="tintas_base-agua.html" title="tintas a base agua">&#32;</a> </div>
        <div class="n3" > <a href="importaciones.html" title="importaciones y comercialización">&#32;</a> </div>
      </div>
    </div>
  </div>
</div>
<div class="container_12 zindex"> <!--<img src="img/barra.png" width="960" height="26">-->
  <div class="fondo-menu2" >
    <div id="top_menu" class="f-left" >
      <div class="n4"> <a href="index.html" class="activo" title="inicio"><span class="texto-menu">Inicio</span></a> </div>
      <div class="linea">&#32;</div>
      <div class="n5"> <a href="nosotros.html" title="nosotros"><span class="texto-menu">Nosotros</span></a> </div>
      <div class="linea">&#32;</div>
      <div class="n6"> <a href="productos.html" title="productos"><span class="texto-menu">Productos</span></a> </div>
      <div class="linea">&#32;</div>
      <div class="n7"> <a href="servicio-tecnico.html" title="servicos técnicos"><span class="texto-menu">Servicios Técnicos</span></a> </div>
      <div class="linea">&#32;</div>
      <div class="n8"> <a href="contactenos.html" title="contáctenos"><span class="texto-menu">Contáctenos</span></a> </div>
    </div>
  </div>
  <div id="content" class="grid_12 zindex"> 
    
    <!-- <a class="backward">&#32;</a>     -->
    <div class="scrollable2" id="autoscroll"> 
      
      <!-- root element for the items -->
      <div class="items">
        <div>
          <p>Adelantandonos al Futuro para brindar los mejores niveles de calidad.</p>
          <span>Phasellus vehicula metus ac nunc dictum sed porttitor purus fringilla. Etiam accumsan </span> <a class="mas" href="#">&#32;</a></div>
        <div>
          <p>Líderes en el mercado con la más alta tecnología.</p>
          <span>Phasellus vehicula metus ac nunc dictum sed porttitor purus fringilla. Etiam accumsan </span> <a class="mas" href="#">&#32;</a></div>
        <div>
          <p>Ofrecemos productos con la mejor combinación </p>
          <span>Phasellus vehicula metus ac nunc dictum sed porttitor purus fringilla. Etiam accumsan </span><a class="mas" href="#">&#32;</a> </div>
        <div> </div>
      </div>
      <!--  <a class="forward">&#32;</a>--> 
    </div>
    <!-- <div class="grid_4">
      <div class="texto"> <a class="uno" href="#" ><img src="img/img-tintas.png" width="98" height="98"> <span class="titulo">Nuestra Empresa</span> <span class="textito">Desde 1996, Tintas Gráficas Vencedor viene operando en el Perú los más altos estándares tecnológicos y de acabados gráficos.</span></a> <a class="ver" href="#">&#32;</a></div>
    </div>
    <div class="grid_4">
      <div class="texto"> <a  class="dos" href="#" ><img src="img/img-hueco.png" width="98" height="98"> <span class="titulo">Vencedor Tintas Líquidas</span> <span class="textito">Cuentan con una adherencia de amplio rango que brinda resistencia, buen brillo y buen deslizamiento.</span></a><a class="ver" href="#">&#32;</a> </div>
    </div>
    <div class="grid_4">
      <div class="texto"> <a class="tres" href="#" ><img src="img/img-flexografia.png" width="98" height="98"> <span class="titulo">Tintas Offset</span> <span class="textito">Tienen una alta concentración pigmentada y secado rápido de entre 4 a 6 hrs. Además cuenta un bajo olor residual, buen brillo y gran resistencia al frote.</span></a> <a class="ver" href="#">&#32;</a></div>
    </div>--> 
  </div>
</div>
<div class="container_12 zindex">
  <div id="footer" class="grid_12"> <span>Vencedor Tintas Gráficas © 2004 - 2013</span> </div>
</div>
<!-- Javascript --> 
<script type="text/javascript" src="js/jquery-1.8.1.min.js"></script> 
<script type="text/javascript" src="js/jquery.tools.min.js"></script> 
<script type="text/javascript" src="js/jquery.color.js"></script> 
<script type="text/javascript">
$(document).ready(function() {
// initialize scrollable together with the autoscroll plugin
var root = $("#autoscroll").scrollable({circular: true}).autoscroll({ autoplay: true });

// provide scrollable API for the action buttons
window.api = root.data("scrollable2");
});
$(function() {
			
				//submenu
				$("#submenu div a").click(function() {					
					$(this).parent().siblings().find("a").removeClass("active");
					$((this).rel).siblings(".desplegable").slideUp();
					$((this).rel).delay(500).slideToggle();
					$(this).toggleClass("active");
				});
			});
</script> 

<script type="text/javascript">
			//carga del slider
			$(window).load(function() {
				//boton ver mas
				$("a.ver").each(function() {
					$(this).css("height", $(this).siblings("div.mensaje").outerHeight());
				});
				//acomodar fotos
				$("div.item").find("img").css({"top":"50%", "left":"50%"});
				centrarImagenes();
				//slider
				$("ul.slider_tabs").tabs("div.items > div.item", {
					initialIndex:Math.random() * 4,
					effect : 'fade',
					fadeOutSpeed : 'slow',
					rotate : true
				}).slideshow({
					autoplay : true,
					interval : 6000,
					clickable : false,
					prev: '.prev',
					next: '.next'
				});
			});
			$(window).resize(function() {
				centrarImagenes();
			});
			function centrarImagenes()
			{				
				var m_top = -270;
				var m_left = -480;
				if($(window).width() > ($(window).height() * 1.834))
				{
					m_top = 990 * -0.273;
					if($(window).width() > 960)
					{
						m_top = $(window).width() * -0.273;
						m_left = $(window).width()/-2;
					}
					$("div.item").find("img").attr("width", "100%").removeAttr("height").css("margin-top", m_top).css("margin-left", m_left);
				}
				else
				{
					m_left = 540 * -0.917;
					if($(window).height() > 540)
					{
						m_top = $(window).height()/-2;
						m_left = $(window).height() * -0.917;
					}
					$("div.item").find("img").attr("height", "100%").removeAttr("width").css("margin-top", m_top).css("margin-left", m_left);
				}
			}
		</script>
        <noscript>
        	<style type="text/css">
				img { opacity:1; filter:alpha(opacity=100); }
			</style>
        </noscript>
</body>
</html>
